看这里体会一下效果，结构一目了然，点击测试行，还能看到具体的测试代码。

1 NodeJS环境测试

基本看一遍Mocha官网的说明，就可以玩起来了。

  • 先安装npm install mocha -g,这样就可以在命令行使用mocha命令了。
  • 再找一个断言库，chai的功能比较丰富，npm install chai --save-dev
  • 然后建立一个tests目录,在里面创建js文件写测试代码
    • describe 代表描述信息目录，it代表具体的用例
    • 注意引入断言库，要用it包含断言语句才会被当做case
  • 使用mocha命令执行刚刚的测试文件就ok。
  • 也可以在IDE中搞Mocha相关的插件

2 浏览器环境测试

  • 使用mocha init PATH，初始化一个用于浏览器中展示Test Case的资源目录。

    • 这里面有一个tests.js，在这里面引入上文说到的各个测试文件
    • 然后执行browserify tests.js>tests-browser.js 转换浏览器中能执行的文件
    • 将html中的tests.js改为转换后的
    • 打开页面就可

3 针对ES6+的测试代码的测试

  • 安装babel 依赖
  • 使用mocha --compilers js:babel/register 执行测试

4 其他说明

  • mocha 默认查找 ./test/*.js,./test/*.coffee,如果代码在这里就可以不用指定路径

5 参考资料

  1. mocha 官网
  2. 测试框架 Mocha 实例教程
  3. javascript单元测试框架mochajs详解
  4. JavaScript单元测试框架JsUnit基本介绍和使用
  5. JavaScript 单元测试框架：Jasmine 初探
  6. JavaScript单元测试框架-Jasmine
  7. 边译边学-QUnit下的JavaScript自动化单元测试
  8. Javascript单元测试框架比较Qunit VS Jasmine

最后更新： 2022年03月02日 03:32

原始链接： http://rawbin-.github.io/dev-tools/2016-09-25-fe-project-tools-mocha/

赏
× 赞赏这个人~
打赏二维码